import { Component } from '@angular/core';

// dialog 默认不受主题影响，使用OverlayContainer 来使用主题
import { OverlayContainer } from '@angular/cdk/overlay';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app';
  darkTheme = false;
  squareState: string;
  constructor(private oc: OverlayContainer) {

  }
  switchTheme(dark: boolean) {
    this.darkTheme = dark;
    const darkClass = 'myapp-dark-theme';
    // 移除dark
    this.oc.getContainerElement().classList.remove(darkClass);
    if (dark) {
      // 如果是黑夜模式 给 所有的 menu 和 dialog 设置 黑夜模式
      this.oc.getContainerElement().classList.add(darkClass);
    }
  }
}
